<template>
  <div style="height: 500px">
    <sweet-radio-group v-model="position">
      <sweet-radio label="fixed">fixed</sweet-radio>
      <sweet-radio label="absolute">absolute</sweet-radio>
    </sweet-radio-group>

    <sweet-button type="primary" style="margin-left: 16px" @click="drawer = true"> open </sweet-button>

    <sweet-drawer v-model="drawer" title="I am the title" :position="position" custom-class="custom-class" modalClass="demo-drawer">
      <span>Hi, there!</span>
    </sweet-drawer>
  </div>
</template>

<script setup>
import {ref} from 'vue';

const drawer = ref(false);
const position = ref('fixed');
</script>

<style lang="less" scoped>
.el-radio-group {
  display: block;

  .el-radio {
    display: block;
  }
}
</style>
